<!--
 * @Descripttion: 
 * @version: 
 * @Author: xcb
 * @Date: 2021-03-16 09:48:46
 * @LastEditors: xcb
 * @LastEditTime: 2021-04-01 10:08:59
-->
<template>
  <div class="header">
    <img src="../assets/logo.png" width="48" height="48" class="logo" alt="" />
    <h3>一维模型计算</h3>
  </div>
</template>

<script lang="ts">
import { ref, defineComponent } from "vue";
export default defineComponent({
  name: "Headers",
  props: {
    msg: {
      type: String,
      required: true,
    },
  },
  setup: () => { 
    const count = ref(0);
    return { count };
  },
});
</script>

<style scoped lang="less">
.header {
  background: #409eff;
  height: 70px;
  color: white;
  img {
    margin: 11px;
    vertical-align: top;
  }
  h3 {
    display: inline-block;
    line-height: 70px;
    font-size: 28px;
  }
}
</style>
